<!DOCTYPE html>
<html>
	<head>
		<title>Lui | Get started</title>
		<meta charset="UTF-8">
		<link rel="stylesheet" type="text/css" href="css/semantic.css">
		<link rel="stylesheet" type="text/css" href="css/main.css">
		<script type="text/javascript" src="js/jquery.js"></script>
		<script type="text/javascript" src="css/semantic.js"></script>
	</head>
	<body>
		<div class="ui grid stackable">
			<div class="row">
				<div class="sixteen wide column">
					<div class="ui secondary pointing menu">
						<div id="left-menu" class="left menu">
							<a class="header item" href="index.html"><h2>Lui - language of ui</h2></a>
							<a class="active item" href="get_started.html">Get started</a>
							<a class="item" href="documentation.html">Documentation</a>
							<a class="item" href="examples.html">Examples</a>
						</div>
					</div>
				</div>
			</div>
			<div class="row">
				<div class="sixteen wide column content-section">
					<div class="ui stackable grid">
						<div class="four wide column">
							<fieldset class="ui fluid vertical ordered steps">
								<legend><h3>Steps</h3></legend>
								<div class="step">
									<div class="content">
										<a class="title" href="#download_step">Download lui.exe</a>
									</div>
								</div>
								<div class="step">
									<div class="content">
										<a class="title" href="#write_code_step">Write Lui code</a>
									</div>
								</div>
								<div class="step">
									<div class="content">
										<a class="title" href="#create_file_step">Create Python file</a>
									</div>
								</div>
								<div class="step">
									<div class="content">
										<a class="title" href="#run_step">Run the created file</a>
									</div>
								</div>
							</fieldset>
						</div>
						<div class="twelve wide column">
							<fieldset class="ui segment">
								<legend><h3 id="download_step">1 Download lui.exe</h3></legend>
								<p>
									For work with Lui you need download latest version of lui translator. Recommend add lui.exe to PATH.
								</p>
							</fieldset>
							<fieldset class="ui segment">
								<legend><h3 id="write_code_step">2 Write what you want to see</h3></legend>
								<p>
									After download you need imagine what are you want to get. For example type the next code. Save into file "hello.lui".
								</p>
								<pre><code>Window {
	title: "Hello Lui"
	width: 150
	height: 150
}</code></pre>
							</fieldset>
							<fieldset class="ui segment">
								<legend><h3 id="create_file_step">3 Create Python file</h3></legend>
								<p>
									For creating a Python file you need open cmd, then change current dir. Type the command. After execution will be created Python file 				
								</p>
								<pre><code>:> lui --file="hello.lui"</code></pre>
							</fieldset>
							<fieldset class="ui segment">
								<legend><h3 id="run_step">4 Run the created file</h3></legend>
								<p>
									Finally! Run the created file.
								</p>
							</fieldset>
						</div>
					</div>
				</div>
			</div>
		</div>
	</body>
</html>
